<template>
 	<view>
		<view class="equipment-confirm">
			<view class='content'>
					<view class='eq-code'>
						设备位置编码：{{data.assetNo}}
					</view>
					<view class='eq-name'>
						设备位置名称：{{data.assetName}}
					</view>
			</view>
			<p class='introduct-p'>
				扫描现场设备二维码(如配置),以确定操作的正确设备，防止误操作
			</p>
			<view class='center-img'>
				<view class='child-view'>
					<img src='../../../../static/icon/21.png' alt="1"/>
					<p>匹配成功</p>
				</view>
			</view>
			 <button class="botton-btn" >扫描二维码</button>
			  <button type="primary" class="botton-btn-st" >开始操作</button>
		</view>
 	</view>
 </template>
 
 <script>
	export default {
		data() {
			return {
				
			}
		},
		props:{
			data:{
				type:Object
			}
		},
		components:{
		},
		methods: {
		
		}
	}
 </script>
 
<style lang="scss">
.equipment-confirm{
	background-color: #f6fafa;
	.content{
		background-color: #fff;
		padding: 0 3%;
		box-sizing: border-box;
		color: #333;
		font-size: 28upx;
		.eq-code{
			padding: 33upx 0;
			  border-bottom: 1px solid #eee;
		}
		.eq-name{
			padding: 30upx 0;
		}
	}
	.introduct-p{
		width: 92%;
		margin: 33upx 0;
		margin-left: 4%;
		box-sizing: border-box;
		font-size: 28upx;
		color: #999;
		line-height: 40upx;
	}
	.center-img{
		width: 100%;
		min-height: 30vh;
		display: flex;
		align-items: center;
		justify-content: center;
		.child-view{
				text-align: center;
			img{
				width: 25%;
			}
			p{
				text-align: center;
				color: #777;
			}
		}
	}
	.botton-btn{
		background-color: #3cb113;
		color: #fff;
		position: fixed;
		bottom: 150upx;
		width: 90%;
		left: 5%;
	}
	.botton-btn-st{
		position: fixed;
		bottom: 20upx;
		width: 90%;
		left: 5%;
	}
}
		
 </style>